<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>复投购物</title>
		<script type="text/javascript" src='js/size.js'></script>
		<link rel="stylesheet" href="css/animate.min.css" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="css/ldm.css" />
		<script src='js/vue2.0.min.js'></script>
	</head>

<body class='buy_car'>
		<div class='app_header_no_color'>
			<div class='left'>
				<span class='font_family icon-fanhui'></span>
				<b>返回</b>
			</div>
			<span class='title'>复投购物</span>
		</div>
		<div class='main'>
			<ul class='title'>
				<li>原始积分：<span>367.98</span> </li>
				<li>复投积分：<span>367.98</span> </li>
				<li>消费积分：<span>367.98</span> </li>
			</ul>
			<ul class="list" id='list'>
				<li>
					<a>
						<div class='left'>
							<span class='font_family icon-weixuanzhongyuanquan empty'></span>
							<!--<span class='font_family icon-_xuanzhongyuanxing_fill active'></span>-->
						</div>
						<div class='middle'>
							<img src="img/buycar.png" alt="" />
						</div>
						<div class='right'>
							<h3>亚麻籽油亚麻籽油亚麻籽油麻籽油籽油麻籽油籽油亚麻籽油麻籽油籽油麻籽油</h3>
							<div class='price'>
								<span >￥<b>27.90</b></span>
								<div class='num'>
									<span class='reduce'>-</span>
									<input id='num' type="num" value='1'/>
									<span class='add'>+</span>
								</div>
							</div>
						</div>
					</a>
				</li>
				<li>
					<a>
						<div class='left'>
							<span class='font_family icon-weixuanzhongyuanquan empty'></span>
							<!--<span class='font_family icon-_xuanzhongyuanxing_fill active'></span>-->
						</div>
						<div class='middle'>
							<img src="img/buycar.png" alt="" />
						</div>
						<div class='right'>
							<h3>亚麻籽油亚麻籽油亚麻籽油麻籽油籽油麻籽油籽油亚麻籽油麻籽油籽油麻籽油</h3>
							<div class='price'>
								<span >￥<b>27.90</b></span>
								<div class='num'>
									<span class='reduce'>-</span>
									<input id='num' type="num" value='1'/>
									<span class='add'>+</span>
								</div>
							</div>
						</div>
					</a>
				</li>
				<li>
					<a>
						<div class='left'>
							<span class='font_family icon-weixuanzhongyuanquan empty'></span>
							<!--<span class='font_family icon-_xuanzhongyuanxing_fill active'></span>-->
						</div>
						<div class='middle'>
							<img src="img/buycar.png" alt="" />
						</div>
						<div class='right'>
							<h3>亚麻籽油亚麻籽油亚麻籽油麻籽油籽油麻籽油籽油亚麻籽油麻籽油籽油麻籽油</h3>
							<div class='price'>
								<span >￥<b>27.90</b></span>
								<div class='num'>
									<span class='reduce'>-</span>
									<input id='num' type="num" value='1'/>
									<span class='add'>+</span>
								</div>
							</div>
						</div>
					</a>
				</li>
				<li>
					<a>
						<div class='left'>
							<span class='font_family icon-weixuanzhongyuanquan empty'></span>
							<!--<span class='font_family icon-_xuanzhongyuanxing_fill active'></span>-->
						</div>
						<div class='middle'>
							<img src="img/buycar.png" alt="" />
						</div>
						<div class='right'>
							<h3>亚麻籽油亚麻籽油亚麻籽油麻籽油籽油麻籽油籽油亚麻籽油麻籽油籽油麻籽油</h3>
							<div class='price'>
								<span >￥<b>27.90</b></span>
								<div class='num'>
									<span class='reduce'>-</span>
									<input id='num' type="num" value='1'/>
									<span class='add'>+</span>
								</div>
							</div>
						</div>
					</a>
				</li>
				<li>
					<a>
						<div class='left'>
							<span class='font_family icon-weixuanzhongyuanquan empty'></span>
							<!--<span class='font_family icon-_xuanzhongyuanxing_fill active'></span>-->
						</div>
						<div class='middle'>
							<img src="img/buycar.png" alt="" />
						</div>
						<div class='right'>
							<h3>亚麻籽油亚麻籽油亚麻籽油麻籽油籽油麻籽油籽油亚麻籽油麻籽油籽油麻籽油</h3>
							<div class='price'>
								<span >￥<b>27.90</b></span>
								<div class='num'>
									<span class='reduce'>-</span>
									<input id='num' type="num" value='1'/>
									<span class='add'>+</span>
								</div>
							</div>
						</div>
					</a>
				</li>
				<li>
					<a>
						<div class='left'>
							<span class='font_family icon-weixuanzhongyuanquan empty'></span>
							<!--<span class='font_family icon-_xuanzhongyuanxing_fill active'></span>-->
						</div>
						<div class='middle'>
							<img src="img/buycar.png" alt="" />
						</div>
						<div class='right'>
							<h3>亚麻籽油亚麻籽油亚麻籽油麻籽油籽油麻籽油籽油亚麻籽油麻籽油籽油麻籽油</h3>
							<div class='price'>
								<span >￥<b>27.90</b></span>
								<div class='num'>
									<span class='reduce'>-</span>
									<input id='num' type="num" value='1'/>
									<span class='add'>+</span>
								</div>
							</div>
						</div>
					</a>
				</li>
			</ul>
		</div>
		<div class='footer'>
			<div class='left'>
				合计
			</div>
			<div class='middle'>
				<p>原始积分/复投积分 <span>1000.00</span></p>
				<p>消费积分 <span>1000.00</span></p>
			</div>
			<div class='right'>
				<a href="">选好了</a>
			</div>
		</div>
		<script src='js/jquery-2.1.0.js'></script>
		<script>
			$(function(){
				//add
				$('#list').on('click','.add',function(){
					var currentVal = $(this).siblings('#num').val();
					currentVal++;
					$(this).siblings('#num').val(currentVal)
					console.log(currentVal)
				});
				//reduce 
				$('#list').on('click','.reduce',function(){
					var currentVal = $(this).siblings('#num').val();
					currentVal>0?currentVal--:0;
					$(this).siblings('#num').val(currentVal)
					console.log(currentVal)
				});
			})
		</script>
</body>

</html>